$(function() {
    // 切换登录和注册页面
    $(".goto-register a").click(function() {
        $("#register").show().prev().hide();
    });
    $(".goto-login a").click(function() {
        $("#register").hide().prev().show();
    });
    //注册功能
    //监听注册表单的提交事件，阻止提交的默认行为 使用JS获取表单中的(账号和密码)数据 最后把账号和密码提交给接口 来完成注册
    // 注册成功进行提示 并且隐藏注册盒子
    $("#register form").on("submit", function(e) {
        e.preventDefault(); //阻止默认行为
        var data = $(this).serialize();
        //serialize 是根据表单项的name属性值获取的， 获取表单属性.需要确定name的属性修改name一定要和接口请求的参数一致
        console.log(data);
        //发送ajax请求
        $.ajax({
            type: "POST",
            //请求方式
            url: "http://www.liulongbin.top:3007/api/reguser",
            //接口地址
            data: data,
            //发送数据
            success: function(res) {
                console.log(res);
                //测试一下
                layer.msg(res.message);
                //不管成功还是失败都要给提示
                if (res.status === 0) {
                    $("#register").hide().prev().show();
                }
            },
        });
    });
    //表单验证
    var form = layui.form;
    console.log(form);
    //测试这个form对象
    form.verify({
        //健(验证规则名称)： 值（验证方法）,
        //len: [正则表达式, 错误提示]
        len: [/^\w{6,12}$/, "密码长度必须是6到12位"],
        same: function(value) {
            //形参value表示使用验证规则的
            //return '错误提示'
            //获取密码框的值
            var password = $("#reg-password").val();
            //比较password 和value 的值
            if (password !== value) {
                return "两次密码不一致";
            }
        },
    });

    //完成登录功能代码
    //登录表单提交事件
    //阻止默认行为 获取账号密码 提交ajax接口
    $("#login form").on("submit", function(e) {
        e.preventDefault();
        $.ajax({
            type: "post",
            url: "http://www.liulongbin.top:3007/api/login",
            data: $(this).serialize(),
            success: function(res) {
                //无论成功还是失败，都给提示
                layer.msg(res.message);
                //登录成功跳转到index页面
                if (res.status === 0) {
                    localStorage.setItem("token", res.token);
                    location.href = "/index.html";
                    //保存到本地存储
                }
            },
        });
    });
});